| <HTML> <HEAD> <TITLE>魅せるホームページ作成講座</TITLE> </HEAD> <BODY> <H1>何が写ってる？</H1> 画像をクリックすると、その画像を鮮明に表示できます。 <BR> <BR> <IMG src="photo01.jpg" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxSquare=30)" onClick="original(this)"> <IMG src="photo02.jpg" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxSquare=30)" onClick="original(this)"> <IMG src="photo03.jpg" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxSquare=30)" onClick="original(this)"> <BR> <IMG src="photo04.jpg" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxSquare=30)" onClick="original(this)"> <IMG src="photo05.jpg" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxSquare=30)" onClick="original(this)"> <IMG src="photo06.jpg" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxSquare=30)" onClick="original(this)"> <SCRIPT language="JavaScript"> <!-- msize = 30 function original(image){ img = image myInt=setInterval('anime(img)',100); } function anime(imgobj){ if (msize > 2){ msize--; imgobj.filters[0].MaxSquare=msize; } else { clearInterval(myInt); imgobj.filters[0].enabled=false; msize=30; } } // --> </SCRIPT> </BODY> </HTML> |